/*
 * Copyright (c) 2007-2008 Inturico Engineering GmbH
 * Copyright (c) 2008-2011 Doodle AG
 * $Id: doodle.css 15607 2010-10-25 14:40:00Z cb $
 */
/*          RESET STUFF FROM YAHOO                        */
/*http://yui.yahooapis.com/2.8.1/build/reset/reset-min.css*/
html {
    color: #000;
    background: #FFF;
}
* {
    margin: 0;
    padding: 0;
}

table { *border-collapse:collapse;
    border-spacing:
    0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}

del, ins {
    text-decoration: none;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
    clear: both;
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

legend {
    color: #000;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

input, button, textarea, select { *font-size:
    100%;
}

ol, ul, li {
    list-style: none;
}

img {
    display: block;
}

/*                          CLEARFIX                      */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/*                     TEMPLATING STUFF                   */
html {
    background: #f7fafe;
}

body {
    height: 100%;
    /* iOS Font Size Fix */
    -webkit-text-size-adjust: none
}

#alignments {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px;
}

#background {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 50%;
    margin-left: -840px;
}
@media all and (max-width: 1300px) {
    #background {
        position: fixed;
        z-index: 10;
        top: 0;
        left: -190px;
        margin-left: 0;
    }
}

#background .background {
    width: 2048px;
    height: 1536px;
}

.doodleshadow {
    z-index: 20;
    position: relative;
    margin-bottom: 30px;
}

.shadowO {
    position: relative;
    display: inline-block;
    left: -8px;
    zoom: 1;
}

.shadowI {
    margin: 8px 8px 8px 8px;
    padding: 6px;
}

#container {
    min-height: 100%;
    position: static;
    z-index: 5;
    text-align: center;
    white-space: nowrap;
}

#page {
    z-index: 5;
    white-space: nowrap;
    text-align: left;
}

#page, #page > div {
    white-space: nowrap;
    display: -moz-inline-box;
    /* Firefox < 3, will be quirky in some edge cases... */
    display: inline-block;
    *display:inline;
    * zoom: 1;
    /* Star hack targets IE < 8; zoom triggers hasLayout with no other side-effects */
}

#logo {
    float: left;
}

#skyleftcontainer {
    overflow: hidden;
    vertical-align: top;
}

#skyleft {
    position: relative;
    z-index: 10;
}

#skyleft .skyscraperLeft {
    height: 600px;
    margin-top: 10px;
    width: 160px;
}

#skyrightcontainer {
    overflow: hidden;
    vertical-align: top;
}

#skyright {
    position: relative;
    z-index: 10;
}

#skyright .skyscraper {
    height: 600px;
    margin-top: 10px;
}

#skyright > img {
    margin-top: 10px;
}

#banner {
    position: relative;
    z-index: 10;
    margin-left: 0px;
    text-align: center;
}

#ie7Banner {
    height: 118px;
}

#ie7Sky {
    height: 600px;
}

#banner .leaderboard {
    width: 1162px;
    height: 118px;
}

#banner .l {
    text-align: right;
}

#skyright .l {
    margin-top: 0px;
}

.shadowleft {
    background: url("WebContent/Images/horizontalsprite.png") -180px 0 repeat-y;
    width: 8px;
    position: absolute;
    top: 8px;
    left: 0px;
    bottom: 8px;
    display: block;
    overflow: hidden;
}

.shadowtop {
    position: absolute;
    top: 0;
    left: 8px;
    right: 8px;
    background: url("WebContent/Images/verticalsprite.png") 0 -511px repeat-x;
    height: 8px;
    overflow: hidden;
}

.shadowbottom {
    position: absolute;
    bottom: 0;
    left: 8px;
    right: 8px;
    background: url("WebContent/Images/verticalsprite.png") 0 -519px repeat-x;
    overflow: auto;
    height: 8px;
    overflow: hidden;
}

.shadowlt {
    position: absolute;
    background: url("WebContent/Images/horizontalsprite.png") -154px 0 no-repeat;
    left: 0;
    top: 0;
    width: 8px;
    height: 8px;
    overflow: hidden;
}

.shadowrt {
    position: absolute;
    background: url("WebContent/Images/horizontalsprite.png") -162px 0 no-repeat;
    right: 0;
    top: 0;
    width: 8px;
    height: 8px;
    overflow: hidden;
}

.shadowlb {
    position: absolute;
    background: url("WebContent/Images/horizontalsprite.png") -206px 0 no-repeat;
    left: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    overflow: hidden;
}

.shadowrb {
    position: absolute;
    background: url("WebContent/Images/horizontalsprite.png") -214px 0 no-repeat;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    overflow: hidden;
}

.shadowright {
    background: url("WebContent/Images/horizontalsprite.png") -188px 0 repeat-y;
    width: 8px;
    position: absolute;
    top: 8px;
    bottom: 8px;
    right: 0px;
    display: block;
    overflow: hidden;
}

#doodlecontainer {
    padding: 6px;
    background-image: url("WebContent/Images/transbackground.png");
    *background-image: url("../../graphics/common/empty.png");
    min-width: 814px;
}

#doodleIEcontainer {
    padding: 8px 8px 8px 8px;
}

#doodle {
    background-color: white;
    white-space: normal;
    text-align: left;
}

#header {
    padding: 20px 24px 0;
}

#content {
    clear: both;
    min-height: 581px;
}

.contentPart {
    padding: 0 24px;
}

.fixedContent {
    width: 766px;
}

.fixedContentNoCp {
    width: 814px;
}

/* GENERAL STUFF */
body {
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #323232;
}

input.submit, .ui-dialog .ui-dialog-buttonpane button {
    padding: 2px 8px;
}

.ui-dialog .ui-dialog-buttonpane {
    border: none !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: left !important;
}

input, textarea {
    padding: 1px 3px;
}

select {
    padding: 2px 3px;
}

input.inputText, textarea.inputText, select.select {
    border: 1px solid #888;
}

.logo {
    display: inline;
    float: left;
}

h1, .h1 {
    margin-top: 0px;
    font-size: 33px;
    line-height: 40px; /* 1.2 times font-size */
}

h2, .h2 {
    font-size: 23px;
    font-weight: normal;
    line-height: 28px; /* 1.2 times font-size */
}

h3, .h3 {
    font-size: 15px;
    line-height: 18px; /* 1.2 times font-size */
    font-weight: bold;
}

h4, .h4 {
    font-size: 15px;
    line-height: 18px; /* 1.2 times font-size */
}

h5, .h5 {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px; /* 1.2 times font-size */
}

a {
    color: #06d;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

a.noDeco:hover {
    text-decoration: none;
}

p.error {
    background: #ffdddb;
    color: #cf6661;
    padding: 10px;
    margin: 10px 0;
}

span.error {
    background: #ffcfcd;
    color: #cf6661;
    padding: 10px 3px;
    margin: 10px 0;
    display: block;
}

p.warning {
    background-color: #fff8db;
    color: #f88f07;
    padding: 10px;
    margin: 10px 0;
}

.maintenanceMessage {
    background: #ffcfcd;
    color: #cf6661;
    padding: 24px;
    margin: 65px 0 0 0;
}

/* DEFINITION OF FONT COLORS */
.orange {
    color: #f88f07;
}

.green {
    color: #5cad5c;
}

.red {
    color: #cf6661;
}

.blue {
    color: #0066dd;
}

.grey {
    color: #6f6f6f;
}

.spaceAAfter {
    padding-bottom: 52px;
}

.spaceBAfter {
    padding-bottom: 35px;
}

.spaceCAfter {
    padding-bottom: 22px;
}

.spaceDAfter {
    padding-bottom: 14px;
}

.spaceEAfter {
    padding-bottom: 3px;
}

.spaceABefore {
    padding-top: 52px;
}

.spaceBBefore {
    padding-top: 35px;
}

.spaceCBefore {
    padding-top: 22px;
}

.spaceDBefore {
    padding-top: 14px;
}

.spaceEBefore {
    padding-top: 3px;
}

.spaceA {
    height: 52px;
}

.spaceB {
    height: 35px;
}

.spaceC {
    height: 22px;
}

.yellowBG, .yellowBg {
    background-color: #fff8db;
}

.blueBg {
    background-color: #edf4fe;
}

.greyBg {
    background-color: #f0f0f0;
}

.hintText {
    color: #6f6f6f;
}

.remark {
    color: #6f6f6f;
    font-size: 12px;
}

.expander {
    cursor: pointer;
    padding-right: 16px;
    height: 12px;
    margin-right: 8px;
    background: url('WebContent/Images/verticalsprite.png') right -22px no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.expanderUp {
    background: url('WebContent/Images/verticalsprite.png') right -10px no-repeat;
}

h4 .expander, h4.expander, .h4 .expander, .h4.expander {
    background-position: right -19px;
}

h4 .expanderUp, h4.expanderUp, .h4 .expanderUp, .h4.expanderUp {
    background-position: right -7px;
}

h2 .expander, h2.expander, .h2 .expander, .h2.expander {
    background-position: right -1042px;
    padding-right: 24px;
}

h2 .expanderUp, h2.expanderUp, .h2 .expanderUp, .h2.expanderUp {
    background-position: right -1002px;
}

#language >.expander {
    float: right;
}

/* SPECIFIC STUFF */ /* MyDoodle login */
#login {
    float: right;
    font-size: 12px;
    line-height: 18px;
}

#eMailAddress, #password {
    width: 145px;
}

#eMailAddress.large {
    width: 299px;
}

#loginButton {
    padding: 0 6px;
    min-height: 20px;
    margin-left: 3px;
}

#login tr.loghelp td {
    font-size: 11px;
    text-align: left;
}

#login .myDoodleError {
    background: #ffcfcd;
    color: #cf6661;
    padding: 0 3px;
}

#login .mydoodle {
    color: #393;
    font-weight: bold;
}

#login .mydoodle:hover {
    color: #333;
}

#login .actions {
    font-size: 11px;
}

/* Third-party login
 -------------------------------------- */
.dropdown-field, .formPanel input.dropdown-field {
    height: 16px;
    margin: 0px;
    padding: 1px 2px 1px;
    display: inline;
    vertical-align: bottom;
    float: left;
}

.dropdown-submit {
    margin: 0;
    vertical-align: bottom;
}

.dropdown-button {
    border: 1px solid #888;
    background: #fff;
    width: 28px;
    height: 16px;
    margin: 0px 0px 0px -1px;
    padding: 1px 3px 1px;
    -moz-user-select: none;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    float: left;
}

.dropdown-table {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9000;
    border-collapse: separate;
    border: 1px solid #888;
    background: #fff;
    width: 100px;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.dropdown-table td {
    padding: 3px;
    cursor: pointer;
}

.dropdown-table tr:hover td {
    background: #EEF6FE;
}

.dropdown-table td.lc {
    width: 16px;
    padding-left: 6px;
}

div.thirdParty {
    width: 16px;
    height: 16px;
    background: url("WebContent/Images/doodlesprite.png");
    display: inline-block;
    vertical-align: bottom;
    float: left;
}

div.thirdParty.myDoodle {
    background-position: -48px -27px;
}

div.thirdParty.facebook {
    background-position: -64px -27px;
}

div.thirdParty.google {
    background-position: -32px -27px;
}

div.thirdParty.googleApps {
    background-position: -112px -27px;
}

div.thirdParty.yahoo {
    background-position: -16px -27px;
}

div.thirdParty.openId {
    background-position: 0 -27px;
}

div.thirdParty.arrow {
    width: 12px;
    background-position: -96px -27px;
}

.busy {
    padding-left: 16px;
    background: url("WebContent/Images/loading.gif");
    background-repeat: no-repeat;
    display: inline;
    font-size: 13px;
}

/* Footer */
#footer {
    margin-top: 19px;
    padding-bottom: 35px;
}

.footerlinks > div {
    margin: 0 5px;
    display: inline;
}

.footerlinks > a {
}

#languageSelector {
    height: 77px;
}

#langHelp {
    padding-top: 20px;
    float: left;
    height: 70px;
    text-align: left;
    width: 150px;
}

#languages {
    line-height: 19px;
    padding-top: 20px;
}

#languages > a, #languages > span {
    margin: 0 10px 0 0;
}

.socialHookShare .inviteByEmail {
    background-image: url("../../graphics/socialhooks/email.png");
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    padding: 2px 15px 2px 33px;
    height: 20px;
}

.socialHookShare .inviteByEmail.noText {
    padding-right: 5px;
}

.socialHookShare .fbshare {
    background-image: url("../../graphics/socialhooks/fbshare.png");
    color: white;
    cursor: pointer;
    float: left;
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    height: 14px;
    line-height: 10px;
    margin-top: 1px;
    padding-right: 3px;
    padding-top: 4px;
    text-align: right;
    width: 56px;
}

.socialHookShare .tweet {
    margin-top: 0;
    background-image: url("../../graphics/socialhooks/tweet.png");
    cursor: pointer;
    float: left;
    height: 20px;
    margin-left: 10px;
    width: 55px;
}

.hiddenAcc {
    display: block;
    position: absolute;
    top: -999em;
}

.success {
    background-color: #e0f7df;
    color: #5cad5c;
    padding: 10px;
}

#dTip.premiumNag {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: black;
    width: 260px;
}

#premiumNag {
    padding: 10px;
    width: 260px;
    overflow: auto;
}

#premiumNag > * {
    float: left;
}

#premiumNag > div {
    padding: 0 10px;
    width: 166px;
    float: left;
    text-align: left;
}

#premiumNag > div > * {
    text-align: left;
}

#premiumNag > img {
    width: 60px;
}

#tabsContainer, .tabsContainer {
    background: url('WebContent/Images/verticalsprite.png') 0 -280px repeat-x #f0f0f0;
    padding: 0;
    margin-bottom: 18px;
    height: 33px;
}

#tabsContainer.invisible, .tabsContainer.invisible {
    background: url('WebContent/Images/verticalsprite.png') 0 -310px repeat-x #f0f0f0;
    padding: 0;
    margin-bottom: 18px;
    height: 3px;
}

#tabs {
    display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
}

#tabs .busy {
    display: inline-block;
    height: 16px;
    width: 0;
    margin-bottom: 7px;
    margin-left: 7px;
}

#tabsContainer select, .tabsContainer select {
    float: right;
    margin-right: 24px;
}

.tab {
    display: inline;
    height: 33px;
    text-align: center;
}

.tab > div {
    display: inline-block;
    height: 33px;
    text-align: center;
    float: left;
    cursor: pointer;
}

#tableTab {
    margin-left: 12px;
}

#calendarTab {
    margin-left: 5px;
}

#adminTab {
    margin-left: 5px;
}

.tab >.lTab {
    background: url('WebContent/Images/verticalsprite.png') 0 -214px no-repeat;
    width: 20px;
}

.tab >.rTab {
    background: url('WebContent/Images/verticalsprite.png') right -181px no-repeat;
    width: 12px;
}

.tab >.mTab {
    background: url('WebContent/Images/verticalsprite.png') 0 -247px repeat-x;
    color: #fff;
    padding-top: 8px;
    height: 25px;
    font-size: 15px;
}

.activeTab >.lTab {
    background: url('WebContent/Images/verticalsprite.png') 0 -82px no-repeat !important;
}

.activeTab >.rTab {
    background: url('WebContent/Images/verticalsprite.png') right -115px no-repeat !important;
    width: 12px;
}

.activeTab >.mTab {
    background: url('WebContent/Images/verticalsprite.png') 0 -148px repeat-x !important;
    padding-top: 8px;
    height: 25px;
    color: #323232;
}

.tab.inactive > .lTab {
    background-position: 0 -412px;
    cursor: default;
}

.tab.inactive > .rTab {
    background-position: right -445px;
    cursor: default;
}

.tab.inactive > .mTab {
    background-position: 0 -478px;
    cursor: default;
}

.avatarBig {
    float: left;
    width: 80px;
    height: 100px;
    border: 1px #d6d6d6 solid;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px;
}

.ui-widget-overlay {
    background: none repeat scroll 0 0 #000000;
    opacity: 0.6;
    overflow: hidden;
}

.ui-widget-content a {
    color: #06d;
}

.ui-dialog-titlebar {
    display: none;
}

.ui-dialog-buttonpane {
    border: 0;
    float: left;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
    margin: 30px;
    overflow: visible;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 0;
    margin: 0 0 30px 30px;
}

.icon {
    background: url('WebContent/Images/doodlesprite.png') -24px 0 no-repeat;
    width: 12px;
    height: 12px;
    margin: 3px 5px 0 0;
}

.delIcon {
    background: url('WebContent/Images/doodlesprite.png') -36px 0 no-repeat;
    cursor: pointer;
}

.noIcon {
    background: url('WebContent/Images/doodlesprite.png') -45px -12px no-repeat;
    display: inline;
    padding: 0 15px 0 0;
}

.yesIcon {
    background: url('WebContent/Images/doodlesprite.png') -15px -12px no-repeat;
    display: inline;
    padding: 0 15px 0 0;
}

.commentIcon {
    background: url('WebContent/Images/doodlesprite.png') -24px 0 no-repeat;
}

.closedIcon {
    background: url('WebContent/Images/doodlesprite.png') -135px -12px no-repeat;
    display: inline;
    padding: 0 15px 0 0;
}

.openIcon {
    background: url('WebContent/Images/doodlesprite.png') -120px -12px no-repeat;
    display: inline;
    padding: 0 15px 0 0;
}

.questionMarkIcon {
    background: url("WebContent/Images/doodlesprite.png") no-repeat scroll -30px -12px transparent;
    display: inline;
    padding: 0 15px 0 0;
}

/* Invite&Contact */
#invShaddow {
    position: relative;
    width: 722px;
    display: inline-block;
}

#invShdTopLeft {
    background: url("WebContent/Images/horizontalsprite.png") no-repeat scroll -159px -5px transparent;
    height: 3px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 3px;
}

#invShdTop {
    background: url("WebContent/Images/verticalsprite.png") repeat-x scroll 0 -516px transparent;
    height: 3px;
    left: 3px;
    overflow: hidden;
    position: absolute;
    right: 3px;
    top: 0;
}

#invShdTopRight {
    background: url("WebContent/Images/horizontalsprite.png") no-repeat scroll -162px -5px transparent;
    height: 3px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 3px;
}

#invShdLeft {
    background: url("WebContent/Images/horizontalsprite.png") repeat-y scroll -185px 0 transparent;
    bottom: 10px;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 3px;
    width: 3px;
}

#invShdRight {
    background: url("WebContent/Images/horizontalsprite.png") repeat-y scroll -188px 0 transparent;
    bottom: 10px;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 3px;
    width: 3px;
}

#invShdLeftBottom {
    background: url('WebContent/Images/doodlesprite.png') -220px 0 no-repeat transparent;
    bottom: 0;
    height: 10px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 3px;
}

#invShdRightBottom {
    background: url('WebContent/Images/doodlesprite.png') -223px 0 no-repeat transparent;
    bottom: 0;
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 3px;
}

#invShaddowBottom {
    bottom: 0;
    height: 10px;
    overflow: hidden;
    left: 3px;
    position: absolute;
    right: 3px;
}

#invConMessage {
    border: 1px #d6d6d6 solid;
    padding: 17px;
    background-color: #fff;
    width: 680px;
    margin: 3px 3px 10px 3px;
}

#invConMessage > h4 {
    font-style: italic;
}

#msgshwleft {
    width: 62px;
    height: 10px;
    float: left;
    background: url('WebContent/Images/doodlesprite.png') -96px 0 no-repeat transparent;
}

#msgshwmid {
    width: 592px;
    height: 10px;
    float: left;
    background: url('WebContent/Images/verticalsprite.png') 0 0 repeat-x transparent;
}

#msgshwright {
    width: 62px;
    height: 10px;
    float: right;
    background: url('WebContent/Images/doodlesprite.png') -158px 0 no-repeat transparent;
}

/* Rectangle Ad*/
#rect {
    background-color: #f0f0f0;
    padding-bottom: 40px;
}

#rect .adsLabel {
    padding-top: 13px;
    padding-bottom: 12px;
    font-size: 12px;
    line-height: 12px;
}

#rectangleHolder {
    display: none;
    position:absolute;
    z-index:1000;
}

#rect .rectangle {
    width: 640px;
    height: 480px;
    display: -moz-inline-box;
    /* Firefox < 3, will be quirky in some edge cases... */
    display: inline-block;
    *display:inline;
    * zoom: 1;
    /* Star hack targets IE < 8; zoom triggers hasLayout with no other side-effects */
}

/* Tabs */
#adminTab >.lTab {
    background: url('WebContent/Images/verticalsprite.png') no-repeat left -313px;
}

#adminTab >.mTab {
    background: url('WebContent/Images/verticalsprite.png') 0 -346px repeat-x;
}

#adminTab >.rTab {
    background: url('WebContent/Images/verticalsprite.png') right -379px repeat-x;
}

/* Admin (Shared with Polls and MeetMe) */
#adminCont a, #adminCont span {
    padding-left: 8px;
    line-height: 20px;
}

#adminCont .withIcon {
    background: url('WebContent/Images/doodlesprite.png') no-repeat 0 0 transparent;
    height: 20px;
    width: 20px;
    float: left;
}

#adminCont .editPoll {
    background-position: -160px -78px;
}

#adminCont .deletePoll {
    background-position: -60px -78px;
}

#adminCont .contactParts {
    background-position: -80px -78px;
}

#adminCont .whoIsMissing {
    background-position: -341px -78px;
}

#adminCont > div {
    width: 255px;
    float: left;
}

#adminCont > div > * {
    display: block;
    clear: both;
    float: left;
    width: 255px;
}

#adminCont > div > div {
    margin-bottom: 14px;
}

#loggedOutContent #eMailAddress, #lbLogin #eMailAddress {
    width: 287px;
}

#loggedOutContent #password, #lbLogin #password {
    width: 322px;
}

#countInfos {
    color: #6F6F6F;
    padding-left: 5px;
    vertical-align: top;
}

/* Big Button */
.bigButton, .mediumButton {
    display: inline;
    text-decoration: none;
}

.bigButton:hover, .mediumButton:hover {
    text-decoration: none;
}

.bigButton div {
    cursor: pointer;
    float: left;
    height: 42px;
    background: url("WebContent/Images/verticalsprite.png") no-repeat scroll 0 0 transparent;
}

.bigButton .left {
    background-position: 0 -620px;
    width: 6px;
}

.bigButton:hover .left {
    background-position: 0 -746px;
}

.bigButton.pressed .left {
    background-position: 0 -872px;
}

.bigButton .right {
    background-position: 0 -704px;
    width: 6px;
}

.bigButton:hover .right {
    background-position: 0 -830px;
}

.bigButton.pressed .right {
    background-position: 0 -956px;
}

.bigButton .center {
    background-position: 0 -662px;
    background-repeat: repeat-x;
    font-size: 15px;
    height: 32px;
    padding: 10px 10px 0 10px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.bigButton:hover .center {
    background-position: 0 -788px;
}

.bigButton.pressed .center {
    background-position: 0 -914px;
}

/* MediumButton (32px) */

.mediumButton div {
    cursor: pointer;
    float: left;
    height: 32px;
    background: url("../../graphics/common/mediumButtonSprite.png") no-repeat scroll 0 0 transparent;
}

.mediumButton .left {
    background-position: 0 0px;
    width: 6px;
}

.mediumButton:hover .left {
    background-position: 0 -96px;
}

.mediumButton.pressed .left {
    background-position: 0 -192px;
}

.mediumButton .right {
    background-position: 0 -64px;
    width: 6px;
}

.mediumButton:hover .right {
    background-position: 0 -160px;
}

.mediumButton.pressed .right {
    background-position: 0 -256px;
}

.mediumButton .center {
    background-position: 0 -32px;
    background-repeat: repeat-x;
    height: 18px;
    padding: 7px 5px;
    color: #fff;
}

.mediumButton:hover .center {
    background-position: 0 -128px;
}

.mediumButton.pressed .center {
    background-position: 0 -224px;
}

ul.tickList li {
    background: url('WebContent/Images/verticalsprite.png') no-repeat 0 -541px;
    padding-left: 17px;
    margin-top: 5px;
}

/* Common */
.clearBoth {
    clear: both;
}

/* Icons */
.icon35 {
    background: url("../../graphics/common/iconLogos35.png") no-repeat scroll 0 0 transparent;
    width: 35px;
    height: 36px;
}

.icon35.premium {
    background-position: 0 0;
}

.icon35.business {
    background-position: -35px 0;
}

.icon35.enterprise {
    background-position: -70px 0;
}

.icon35.mydoodle {
    background-position: -105px 0;
}

.icon35.meetme {
    background-position: -140px 0;
}

.icon35.calendar {
    background-position: -175px 0;
}

.icon35.eye {
    background-position: -210px 0;
}

.icon35.mobile {
    background-position: -245px 0;
}

.icon35.mobileDoodle {
    background-position: -280px 0;
}

.icon35.anywhere {
    background-position: -315px 0;
}

.icon35.security {
    background-position: -350px 0;
}

.icon35.efficiency {
    background-position: -385px 0;
}

.icon35.theming {
    background-position: -420px 0;
}

.icon35.branding {
    background-position: -455px 0;
}

.icon80 {
    background: url("../../graphics/common/iconLogos80.png") no-repeat scroll 0 0 transparent;
    width: 80px;
    height: 81px;
}

.calendarIcon {
    background: url("../../graphics/common/iconCalendars80.png") no-repeat scroll 0 0 transparent;
    width: 80px;
    height: 82px;
}

.anywhereIcon {
    background: url("../../graphics/common/iconAnywhere80.png") no-repeat scroll 0 0 transparent;
    width: 80px;
    height: 82px;
}

.icon80.premium, .calendarIcon.google, .anywhereIcon.igoogle {
    background-position: 0 0;
}

.icon80.business, .calendarIcon.outlook{
    background-position: -80px 0;
}

.icon80.enterprise, .calendarIcon.lotus, .anywhereIcon.googleapps {
    background-position: -160px 0;
}

.icon80.mydoodle, .calendarIcon.ics, .anywhereIcon.sap {
    background-position: -240px 0;
}

.icon80.meetme, .calendarIcon.exchange, .anywhereIcon.apple {
    background-position: -320px 0;
}

.icon80.calendar, .anywhereIcon.android {
    background-position: -400px 0;
}

.icon80.eye {
    background-position: -480px 0;
}

.icon80.mobile {
    background-position: -560px 0;
}

.icon80.mobileDoodle {
    background-position: -640px 0;
}

.icon80.anywhere {
    background-position: -720px 0;
}

.icon80.security {
    background-position: -800px 0;
}

.icon80.efficiency {
    background-position: -880px 0;
}

.icon80.theming {
    background-position: -960px 0;
}

.icon80.branding {
    background-position: -1040px 0;
}

.icon120 {
    background: url("../../graphics/common/iconLogos120.png") no-repeat scroll 0 0 transparent;
    width: 120px;
    height: 120px;
}

.calendarIcon120 {
    background: url("../../graphics/common/iconCalendars120.png") no-repeat scroll 0 0 transparent;
    width: 120px;
    height: 120px;
}

.icon120.premium, .calendarIcon120.google {
    background-position: 0 0;
}

.icon120.business, .calendarIcon120.outlook {
    background-position: -120px 0;
}

.icon120.enterprise, .calendarIcon120.lotus {
    background-position: -240px 0;
}

.icon120.mydoodle, .calendarIcon120.ics {
    background-position: -360px 0;
}

.icon120.meetme, .calendarIcon120.exchange {
    background-position: -480px 0;
}

.icon120.calendar {
    background-position: -600px 0;
}

.icon120.eye {
    background-position: -720px 0;
}

.icon120.mobile {
    background-position: -840px 0;
}

.icon120.anywhere {
    background-position: -960px 0;
}

.icon120.mobileDoodle {
    background-position: -1080px 0;
}

.icon120.security {
    background-position: -1200px 0;
}

.icon120.efficiency {
    background-position: -1320px 0;
}

.icon120.theming {
    background-position: -1440px 0;
}

.icon120.branding {
    background-position: -1560px 0;
}

.imageFile {
    font-size: 30px;
    cursor: default;
    right: 0;
    position: absolute;
    opacity: 0;
    top: 0;
    z-index: 2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
}

.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /*
     if width will be 100% horizontal scrollbar will apear
     when scroll mode will be used
     */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /*
     it is very important, if line-height not setted or setted
     in relative units scroll will be broken in firefox
     */
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white url('../../graphics/common/loading.gif') right center no-repeat;
}

.ac_odd {
    background-color: #dfecfc;
}

.ac_over {
    background-color: #06d;
    color: white;
}

.indented {
    margin-left: 140px;
}

.contentList, .content500 {
    width: 500px;
}

.contentList li {
    padding-bottom: 3px;
}

input[type = submit].invisible {
    opacity: 0;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
}

.errorIcon {
    margin: 1px 0 0 5px;
    width: 16px;
    height: 16px;
    background: url("../../graphics/common/exclamation.png") no-repeat scroll 0 0px transparent;
}

.warningIcon {
    margin: 1px 0 0 5px;
    width: 16px;
    height: 16px;
    background: url("../../graphics/common/error.png") no-repeat scroll 0 0px transparent;
}

#brokenAdbLnk {
    color: #323232;
}

#brokenAdbLnk:hover {
    text-decoration: none;
}

#brokenAdbLnk span {
    margin: 0 5px 0 0;
    float: none;
}

.closeX {
    background: url("WebContent/Images/doodlesprite.png") no-repeat scroll -150px -12px transparent;
    width: 15px; 
    height: 15px;
    cursor: pointer;
    right: 0;
    position: absolute;
}

/* dTip */

/* main styles for tooltip */
#dTip {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

/* arrow holder, no need to edit */
#dTip .mtAnchor {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
}

/* --- start editing style --- */

#dTip.standard {
    /* set border styles here */
    background-color: #f8f5ca;
    border: 4px solid #eae4b4;
    color: #927847;
}

#dTip.standard .mtContent {
    /* set main content style here */
    padding: 4px 8px;
}

/* Calendar Ads - dTip / Bubble */
#dTip.adBubble {
    border: 6px solid rgb(152, 152, 152);
    border-color: rgba(152, 152, 152, 0.75);
    border-radius: 10px;
}
#dTip img.adImage {
    display: inline;
}

#dTip.adBubble .mtContent {
    width: 160px;
    background-color: #FFF;
    border-radius: 4px;
}

.adBubble .adLabel {
    color: #b7b7b7;
    font-size: 10px;
    line-height: 5px;
    padding: 10px 6px 5px;
}

.adBubble .adTitle {
    color: #323232;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    padding: 4px 6px;
    word-wrap: break-word;
}

.adBubble .adDate {
    color: #323232; /*#0066dd;*/
    font-size: 12px;
    line-height: 15px;
    padding: 0 6px 5px;
}

.adBubble .adImage {
}

.adBubble .adImageLink {
    text-align:center;
}

.adBubble .adDescription {
    color: #323232;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 6px 0;
}

.adBubble .adButton {
    padding: 15px 6px 20px;
}

.adBubble .adLocation {
    color: #323232;
    font-size: 12px;
    line-height: 15px;
    padding: 0 6px 11px;
}

/* Autocomplete */
.ui-menu .ui-menu-item a {
    color: #323232;
}

.ui-menu .ui-menu-item a.ui-state-hover {
    color: #FFF;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #06D;
    background: #06D;
}

/* Serach Integration */
#extendedLocation .where {
    padding-right: 5px;
}

#extendedLocation .extended {
    font-size: 12px;
}

#extendedLocation .extended td {
    padding-top: 8px;
}

#extendedLocation .spacer {
    padding: 0 5px;
}

.searchIcon {
    background: url("../../graphics/common/iconSearch.png") no-repeat scroll 0 0px transparent;
    padding-right: 60px;
    margin-left: 8px;
    line-height: 13px;
}

/* Google autocomplete style fix */
.pac-item {
    font-size: 12px;
    line-height: 16px;
}

.pac-item:hover, .pac-selected {
    background-color: #06D;
    color: #FFF;
}
